<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目案例——新闻信息管理</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div id="app"><button href="" class="btn" @click="add">添加新闻</button>
        <form>
            <p>新闻编号：0</p>
            <p><input placeholder="新闻标题"><span></span></p>
            <p><textarea placeholder="新闻内容"></textarea><span></span></p> <button>保存</button> <button>关闭</button>
        </form>
        <form class="search"><input type="text" placeholder="查询关键字"> <button>搜索</button></form>
        <table class="my-table">
            <thead>
                <tr>
                    <th>id</th>
                    <th>标题</th>
                    <th>发布时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td title="对于社会消费品零售总额同比增速年内首次由负转正，专家认为，这证明经济的复苏势头仍在持续推进，下半年随着消费旺季的到来，消费需求或将进一步释放，消费增长将延续回升势头。">
                        8月消费增速年内首次转正专家：下半年消费...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td
                        title="据新华社9月15日消息，新建福厦高铁泉州湾跨海大桥主塔封顶。泉州湾大桥全长20.29公里，是世界首座行车时速达350公里的高铁跨海斜拉桥。福厦高铁正线全长277公里，设计时速350公里，是我国第一条真正意义上的跨海高铁，预计2022年通车运营，福州至厦门行车时间将缩短至1小时以内。">
                        世界首座高铁跨海大桥主塔封顶，未来福州到...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td title="当地时间9月14日，继微软确认TikTok拒绝其收购请求后，甲骨文证实，它已经与TikTok的中国所有者字节跳动达成协议，成为其“可信技术提供商”，但该协议仍需美国政府批准。

甲骨文14日表示：“甲骨文确认了姆努钦部长的声明，这是字节跳动上周末向财政部提交的提案的一部分，甲骨文将在该提案中成为值得信赖的技术提供商。”">甲骨文确认与TikTok所有者字节跳动达...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td
                        title="当科技不断渗入社会生活，智能交通也从国家战略逐步落实到百姓家门前。9月15日，“万物智能——百度世界2020”大会在线上召开，百度地图作为百度AI的典型落地场景亮相大会智能云分论坛，以新基建“数字底座”的身份和视角，从智能交管、智能停车和智能物流三方面分享了打造智能交通数字化基础设施的实践经验，展示了新一代人工智能地图赋能交通强国建设的阶段性成果，为交通领域转型迈向智能新时代提供新思路和新契机。">
                        百度世界大会2020：百度地图布局AI新...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>5</td>
                    <td
                        title="9月15日，中国电影发行放映协会通过官网发布《中国电影发行放映协会电影放映场所恢复开放疫情防控指南》（第三版），《指南》在“观众进出管理”一项中明确提出电影放映场所原则上每场上座率不得超过75%。">
                        影院上座率上限提升至75%，国庆档影视板...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>6</td>
                    <td title="李大巍：2011年，您因“宏观经济中因果的实证研究”领域的成就而获得诺贝尔经济学奖，作为著名的宏观经济学家，您怎么看新冠肺炎疫情带来的挑战？">
                        诺贝尔经济学奖得主托马斯·萨金特：用新思...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>7</td>
                    <td title="中国人民银行副行长范一飞日前撰写了《关于数字人民币M0定位的政策含义分析》一文，详解数字人民币。

范一飞在文章中表示，数字人民币是由人民银行发行的数字形式的法定货币。“由指定运营机构参与运营并向公众兑换”，并“与纸钞和硬币等价”。">央行副行长详解数字人民币 未来数字人民币...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>8</td>
                    <td
                        title="新华社雅加达9月15日电（记者余谦梁 郑世波）印度尼西亚国家抗灾署15日发布的新冠疫情数据显示，该国确诊病例比前一天增加3507例，这是连续第8天单日新增确诊病例数超过3000例。数据显示，该国累计确诊病例225030例，累计死亡8965例，累计治愈161065例。">
                        印尼连续8日新增新冠病例数超过3000例</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>9</td>
                    <td
                        title="央广网北京9月15日消息（记者孙冰洁）防控疫情，健全食品安全追溯体系格外重要，尤其是针对冷链食品而言，如何精准溯源更是重中之重。14日于杭州举行的浙江省新冠肺炎疫情防控新闻发布会上，浙江省防控工作领导小组办公室常务副主任、浙江省政府副秘书长陈广胜介绍，对2020年5月1日后进口的冷链食品，浙江要求必须在产品外包装上加贴“冷链食品溯源码”。食品生产经营者需严格进行进货查验，并在产品入库出库时通过“浙冷链”系统进行信息录入、赋码和扫码工作。">
                        防控疫情浙江给进口冷链食品加贴“溯源码”...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>10</td>
                    <td
                        title="近日，老字号“狗不理包子”因一则《维权声明》引发舆论关注。自媒体博主@谷岳在微博发布“探访评分最差餐厅”视频，随后，王府井狗不理餐厅在微博发布“针对网络不实视频的严正声明”称，该视频所有恶语中伤言论均为不实信息，要求“谷岳”及“北京人不知道的北京事儿”立即停止侵权行为，在大于现有影响的范围内消除影响并在国内主流媒体公开道歉。餐厅已报警处理。">
                        狗不理王府井店被除名 网友：别说加盟店，...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td title="9月14日，成都市政府办公厅出台《关于保持我市房地产市场平稳健康发展的通知》（以下简称《通知》），旨在坚持房住不炒，实现稳地价、稳房价、稳预期目标。">成都出台“房产新政15条”
                        增值税征免年...</td>
                    <td>2020-9-15</td>
                    <td><a href="#">修改</a> | <a href="#">删除</a></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <th>&nbsp;</th>
                    <td colspan="3">
                        总计：11条
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</body>

</html>